<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DR求婚钻戒款式和价格-DR钻戒官网</title>
<link href="<%=request.getContextPath()%>/css/wode.css" rel="stylesheet"> 
<link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/fontawesome-all.min.css">
    <link rel="stylesheet" href="vendors/owl.carousel/css/owl.carousel.css">    
    <link rel="stylesheet" href="vendors/bootstrap-select/css/bootstrap-select.min.css">
     
    <link rel="stylesheet" type="text/css" href="vendors/flexslider/flexslider.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="vendors/bootstrap-rating/bootstrap-rating.css" media="screen" />
    
    <!--Fonts-->
    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet"> 

<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/big.css">
    <link rel="stylesheet" href="css/responsive.css">
</head>
<body>
	<div id="top">
	<header class="row" id="header">
        <div class="row m0 logo_line">
            <div class="container">
               <div class="row">
                  <div class="col-sm-5 logo">
                     <a href="Home.jsp" class="logo_a"><img src="images/logo_2020.png" alt="D-shine">
                     </a>
                  </div>
                  <div class="col-sm-7 searchSec">
                     <div class="col-sm-12">
                        <div class="fright wishlistCompare">
                           <ul class="nav">
                              <li>
                                 <a href="wode.jsp">
                                 <span class="wish">
                                 <i class="fas fa-heart"></i>
                             
                                 </span>
                                 <span>我的</span>
                                 </a>
                              </li>
                              <li class="h_cart">
                                 <a href="denglu.jsp">
                                 <span class="wish">
                         
                                 </span>
                                 <span>登录</span>
                                 </a>
                                 <div class="hclist">
                                    <div class="table-responsive">
                                       <table class="table">
                                          <thead>
                                             <tr>
                                                <th class="productImage">Product image</th>
                                                <th class="productName">Product name</th>
                                                <th></th>
                                             </tr>
                                          </thead>
                                          <tbody>
                                             <tr class="alert" role="alert">
                                                <td class="productImage"><img src="images/product/single/l1.png" alt=""></td>
                                                <td class="productName">
                                                   <h6 class="heading">Gold Plated Charm</h6>
                                                   <div class="input-group spinner">
                                                      <input class="form-control" value="1" type="text">
                                                      <div class="input-group-btn-vertical">
                                                         <button class="btn btn-default"><i class="fas fa-angle-up"></i></button>
                                                         <button class="btn btn-default"><i class="fas fa-angle-down"></i></button>
                                                      </div>
                                                   </div>
                                                </td>
                                                <td><a href="#" class="edit" data-dismiss="alert" aria-label="Close"><i class="far fa-trash-alt"></i></a></td>
                                             </tr>
                                             <tr class="alert" role="alert">
                                                <td class="productImage"><img src="images/product/single/l1.png" alt=""></td>
                                                <td class="productName">
                                                   <h6 class="heading">Zephyrr Stones</h6>
                                                   <div class="input-group spinner">
                                                      <input class="form-control" value="1" type="text">
                                                      <div class="input-group-btn-vertical">
                                                         <button class="btn btn-default"><i class="fas fa-angle-up"></i></button>
                                                         <button class="btn btn-default"><i class="fas fa-angle-down"></i></button>
                                                      </div>
                                                   </div>
                                                </td>
                                                <td><a href="#" class="edit" data-dismiss="alert" aria-label="Close"><i class="far fa-trash-alt"></i></a></td>
                                             </tr>
                                          </tbody>
                                       </table>
                                    </div>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="col-sm-12">
                        <div class="fright searchForm">
                           <form action="#" method="get">
                              <div class="input-group">
                                 <input type="hidden" name="search_param" value="all" id="search_param">
                                 <input type="search" class="form-control" placeholder="输入身份证，查看真爱承诺">
                                 <span class="input-group-btn searchIco">
                                 <button class="btn btn-default" type="submit"><i class="fas fa-search"></i></button>
                                 </span>
                              </div>
                              <!-- /input-group -->
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <nav class="navbar navbar-default m0 navbar-static-top">
            <div class="container-fluid container">
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNav">
                  <i class="fas fa-bars"></i> MENU
                  </button>
               </div>
               <!-- Collect the nav links, forms, and other content for toggling -->
               <div class="collapse navbar-collapse" id="mainNav">
                  <ul class="nav navbar-nav">
                     <li class="active dropdown">
                        <a class="dropdown-toggle pinpai" data-toggle="dropdown" role="button" aria-expanded="false">品牌故事</a>
                        <ul class="dropdown-menu" role="menu">
                           <li class="active"><a href="index.html">Home Default</a></li>
                           <li><a href="index2.html">Home 2 - Menu 2</a></li>
                           <li><a href="index3.html">Home 3 - Menu 3</a></li>
                        </ul>
                     </li>
                     <li><a href="qiuhun.jsp">求婚钻戒</a></li>
                     <li class="dropdown">
                        <a class="dropdown-toggle liwu" data-toggle="dropdown" role="button" aria-expanded="false">结婚对戒</a>
                        <ul class="dropdown-menu" role="menu">
                           <li><a href="blog.html">Blog</a></li>
                           <li><a href="single-post.html">Single Post</a></li>
                           <li><a href="shortcodes.html">Shortcodes</a></li>
                           <li><a href="innerpage-dark.html">Inner Page Dark</a></li>
                           <li><a href="404.html">404</a></li>
                        </ul>
                     </li>
                     <li class="dropdown megaMenu">
                        <a class="dropdown-toggle duijie" data-toggle="dropdown" role="button" aria-expanded="false">真爱礼物</a>
                        <ul class="dropdown-menu row m0" role="menu">
                           <li class="listMenu">
                              <div class="row listTitle">Jewelery &amp; sectionals</div>
                              <ul class="nav megaInnerMenu">
                                 <li><a href="#">wedding ring</a></li>
                                 <li><a href="#">pendant</a></li>
                                 <li><a href="#">nosering</a></li>
                                 <li><a href="#">necklace</a></li>
                                 <li><a href="#">medallion</a></li>
                                 <li><a href="#">engagement ring</a></li>
                                 <li><a href="#">costume jewellery</a></li>
                                 <li><a href="#">brooch</a></li>
                                 <li><a href="#">signet ring</a></li>
                              </ul>
                           </li>
                           <li class="listMenu">
                              <div class="row listTitle">shop by collections</div>
                              <ul class="nav megaInnerMenu">
                                 <li><a href="#">Ring</a></li>
                                 <li><a href="#">Bracelet</a></li>
                                 <li><a href="#">Bangle</a></li>
                                 <li><a href="#">Link, Chain</a></li>
                                 <li><a href="#">Stud</a></li>
                                 <li><a href="#">Ear-Ring, Tops</a></li>
                                 <li><a href="#">Brooch</a></li>
                              </ul>
                           </li>
                           <li class="boxMenu">
                              <div class="row listTitle">
                                 shop by categories <a href="product.html">shop all <i class="fas fa-caret-right"></i></a>
                              </div>
                              <ul class="nav megaInnerMenu row m0">
                                 <li>
                                    <a href="product2.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/1.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Earrings</div>
                                    </a>
                                 </li>
                                 <li>
                                    <a href="product.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/2.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Brooch</div>
                                    </a>
                                 </li>
                                 <li>
                                    <a href="product2.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/3.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Necklace</div>
                                    </a>
                                 </li>
                              </ul>
                           </li>
                        </ul>
                     </li>
                     <li class="dropdown">
                        <a class="dropdown-toggle tiyan" data-toggle="dropdown" role="button" aria-expanded="false">真爱体验店</a>
                        <ul class="dropdown-menu" role="menu">
                           <li><a href="product.html">Products</a></li>
                           <li><a href="product2.html">Products 2</a></li>
                           <li><a href="single-product.html">Single Product</a></li>
                           <li><a href="catalog.html">Catalog</a></li>
                           <li><a href="cart.html">Cart</a></li>
                           <li><a href="checkout.html">Checkout</a></li>
                        </ul>
                     </li>
                     <li><a href="#">DR真爱婚礼</a></li>
                     <li><form action="#" id="theshy" method="get">
                              <div class="input-group1">
                                 <input type="hidden" name="search_param" value="all" id="search_param">
                                 <input type="search" class="form-control" placeholder="请输入商品名称">
                                 <span class="input-group-btn  Ico">
                                 <button id="but"  type="submit"><img src="images/sousuo.png" ></img></button>
                                
                                
                                 </span>
                              </div>
                              <!-- /input-group -->
                           </form></li>
                     
                     <li class="offers_navbtn" ><a href="#"><i class="fas fa-gift"></i>Surprise</a></li>
                  </ul>
               </div>
               <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
         </nav>
    </header>
	</div>
	<div id="lef"></div>
	<div id="rig">
		
	</div>
	<div id="ding" class="drd">
	<a  href="" id="leilei"><span class="w" >我的Darry Ring</span></a>&nbsp; 
	<a  href=""><span class="w">我们的纪念日</span></a> &nbsp;
	</div>
	<div id="t">
	<ul id="ull2">
	<li>
		<h4><span id="shop"><img class="img1"  src="images/wodeimg/icon1.png">购物<img id="img1" src="images/wodeimg/icon_bottom.png"></span></h4>
		<ul class="ul5" id="yin1">
			<li><a href="">·我的购物袋</a></li>
			<li><a href="#">·我的粉钻预约</a></li>
			<li><a href="#">·我的进店预约</a></li>
		</ul>
	</li>
	<li>
		<h4><span id="shop1"><img class="img1"  src="images/wodeimg/icon2.png">订单中心<img id="img2"  src="images/wodeimg/icon_bottom.png"></span></h4>
		<ul class="ul5" id="yin2">
			<li><a href="#">·销售订单</a></li>
			<li><a href="#">·真爱之旅</a></li>
		</ul>
	</li>
	<li>
		<h4><span id="shop2"><img class="img1"  src="images/wodeimg/icon3.png">客户服务<img id="img3"  src="images/wodeimg/icon_bottom.png"></span></h4>
		<ul class="ul5" id="yin3">
			<li><a href="#">·退换货/售后</a></li>
		</ul>
	</li>
	<li>
		<h4><span id="shop3"><img class="img1"  src="images/wodeimg/icon4.png">DR真爱俱乐部<img id="img4"  src="images/wodeimg/icon_bottom.png"></span></h4>
		<ul class="ul5" id="yin4">
			<li><a href="#">·我的卡包</a></li>
			<li><a href="#">·纪念日管理</a></li>
		</ul>
	</li>
	<li>
		<h4><span id="shop4"><img class="img1"  src="images/wodeimg/icon5.png">账户设置<img id="img5"  src="images/wodeimg/icon_bottom.png"></span></h4>
		<ul class="ul5" id="yin5">
			<li><a href="#">·个人资料</a></li>
			<li><a href="#">·绑定账号</a></li>
			<li><a href="#">·修改密码</a></li>
			<li><a href="#">·地址管理</a></li>
			<li><a href="Home.jsp">·退出登录</a></li>
		</ul>
	</li>
	</ul>
	</div>


	
	<div id="zhong">
	
	<!-- dr1 -->

	<div id="dr1">
	<p id="ziti">我的粉钻预约</p>
	<p id=xhx></p>
	<p id="ziti2">预约购买指引</p>
	<div id="d1">
	<ul id="ul">
	<li>
	<img alt="" src="image/我的/fz_1.png">
	<p>了解粉钻</p>
	</li>
	<li class="dian"><img alt="" src="image/我的/dian.png"></li>
	<li>
	<img alt="" src="image/我的/fz_2.png">	
	<p>填写预约信息</p>
	</li>
	<li class="dian"><img alt="" src="image/我的/dian.png"></li>
	<li>
	<img alt="" src="image/我的/fz_3.png">
	<p>预约成功</p>
	</li>
	<li class="dian"><img alt="" src="image/我的/dian.png"></li>
	<li>
	<img alt="" src="image/我的/fz_4.png">
	<p>等待开售</p>
	</li>
	<li class="dian"><img alt="" src="image/我的/dian.png"></li>
		<li>
	<img alt="" src="image/我的/fz_5.png">
	<p>开售当日<br>登录购买</p>
	</li>
	
	</ul>
	</div>
	<ul id="dianji">
	<li class="activate">全部预约</li>
	<li class="activate">发售中</li>
	<li class="activate">带发售</li>
	</ul>
	
	<div id="d2">
	<img class="img1" alt="" src="image/我的/ico-order.png">
	<p class="p1">目前没有信息</p>
	</div>

	</div>



	<!-- dr2 -->
	<div id="dr2">
<p id="ziti1">我的进店预约</p>
	<p id=xhx1></p>
	
	<div id="id1">
	
	您的预约信息已经通知店铺
	<br>
期待您的光临！
<br>
<a href="" class="a1">查看可预约的体验店</a>
	</div>
	
	</div>
	
	
	
	<!--  DR3 -->
	
	<div id="dr3">
	<p id="ziti2">我的订单</p>
	<p id=xhx2></p>
	<ul id="ull3">
	<li class="activate3">全部</li>
	<li class="activate3">待付款</li>
	<li class="activate3">待审核</li>
	<li class="activate3">已审核</li>
	<li class="activate3">定制中</li>
	<li class="activate3">已完成</li>
	<li class="activate3">已关闭</li>
	</ul>
	<div id="div3"> 
	<img alt="" src="image/我的/ico-order.png" class="img3">
	</div>
	</div>
	

	
	<!--  DR4 -->

	<div id="dr4">
		<p id="ziti" class="drd">旅游产品订单</p>
	<p id=xhx3></p>
	<table id=table1>
	<tbody>
	<tr height="36px" class="tr4">
	<td width="770px" style="background:whith;border:none;">
	<strong class="f1">订单号:</strong>
	</td>
	</tr>
	</tbody>
	</table>
	
	<table id=table2>
	<tbody>
	<tr height="36px" class="tr1">
	<td colspan="3" class="td3">
	<strong class="f1">订单信息:</strong>	
	</td>
	</tr>
	<tr calss="tr2">
	<td width="504px" class="td1">
	<p>创建时间:</p>
	<p>订单状态:</p>
	<p>已支付金额:￥0</p>
	<p>订单总金额:￥</p>
	<p>
	"待支付金额:"
	<span class="span1">￥0</span>
	</p>
	</td>
	<td width="262px" align="right" class="td2">
	</td>
	</tr>
	</tbody>
	</table>
	
	<table id=table3 border="0">
	<tbody>
	<tr height="36px" class="tr3">
	<td width="770px" class="td4">
	<strong>收货人信息</strong>
	</td>
	</tr>
	<tr class="trr3">
	<td width="770px" class="tdd4">
	<p>收货人:</p>
	<p>收货人地址:</p>
	<p>邮政编码:</p>
	<p>手机号码:****</p>
	</td>
	</tr>
	</tbody>
	
	
	</table>
	<table id=table4 border="0">
	<tbody>
	<tr height="36px" class="tr4">
	<td width="770px" class="td5">
	<strong>收货人信息</strong>
	</td>
	</tr>
	<tr class="trr4">
	<td width="770px" class="tdd5">
	<div class="imgdiv">
	 <img alt="" src="image/我的/travelPic.jpg">
	</div>
	
	<div class="zidiv">
		<h6>DR真爱之旅——</h6>
		<p>中海神洲半岛浪漫婚拍之旅</p>
	</div>
	
	</td>
	</tr>
	</tbody>
	</table>
	</div>

	
	
	
	<!--  DR5 -->
	<div id="dr5">
	<p id="ziti4">退换货管理</p>
	<p id=xhx4></p>
	<div id="drr5">
	<img alt="" src="image/我的/icon_order.png" class="imgdrr5">
	<h6>退货订单    请联系</h6>
	</div>
	
	<div id="drrr5">
	<div class="class1">
	<img alt="" src="image/我的/icon_shouh.png" class="imgdrrr5">
	<h6>在线售后专线</h6>
	<a class="dr5a">申请售后服务</a>
	</div>
	</div>
	
	<div id="drrrr5">
	<div class="class1">
	<img alt="" src="image/我的/icon_phone.png" class="imgdrrr5">
	<h6>24小时全国免费服务热线</h6>
	<p class="dr5p">400  01  13520</p>
	</div>
	</div>
	
	</div>

	
	
	<!--  DR6 -->
	<div id="dr6">
	<p id="ziti5">我的卡包</p>
	<p id=xhx5></p>
	<div id="drr6">
	<img alt="" src="image/我的/newcard_yydd.png">
	<img alt="" src="image/我的/newcard_zsfwk.png">
	</div>
	</div>
	
	

	
	
	
	
<!-- DR7 -->
	<div id="dr7">
	<p id="ziti6">纪念日管理</p>
	<p id=xhx6></p>
	<div id="drr7">
	<div id="drrr7">
	DR专享-纪念日提醒服务
	</div>
	<div id="drrrr7">
	<div id="dr7input">
	<input type="text" id="dr7phone" placeholder="请输入手机号" class="phone">
	</div>
	<div id="dr7input">
	<input type="text" id="dr7code" placeholder="请输入验证码" class="code">
	<a href="" class="dr7a">获取验证码</a>
	</div>
	<a href="" class="dr7aa">确认</a>
	</div>
	
	<div id="jb">
	该号码仅用于接收纪念日提醒短信，
	<br>
	未填写则无法收到提醒短信。
	</div>
	</div>
	
	
	
	
	<div id="ddr7">
	<div id="dddr7">
	<label>获取免费短信的纪念提醒服务</label>
	</div>
	
	<table border="0" class="ddr7table">
	<tr>
	<th width="340px" align="center">纪念日名称</th>
	<th width="186px" align="center">日期</th>
	<th width="150px" align="center">操作</th>
	</tr>
	
	<tr>
	<td class="dr7td1">我的生日</td>
	<td class="dr7td2">
	<div id="dr7td2div1">
	<input type="text" autocomplete="off" placeholder="选择日期" class="dr7td2div1input" id="datetimepicker3">
	
	</div>
	</td>
	<td class="dr7xiugao">
	<a href="" class="xiugai">保存</a>
	</td>
	</tr>
	
	
	
	
	<tr>
	<td class="dr7td1">伴侣的生日</td>
	<td class="dr7td2">
	<div id="dr7td2div2">
	<input type="text" autocomplete="off" name placeholder="选择日期" class="dr7td2div1input" id="datetimepicker3">
	</div>
	</td>
	<td class="dr7xiugao">
	<a href="" class="xiugai">保存</a>
	</td>
	</tr>
	
	<tr>
	<td class="dr7td1">结婚/真爱纪念日</td>
	<td class="dr7td2">
	<div id="dr7td2div3">
	<input type="text" autocomplete="off" name placeholder="选择日期" class="dr7td2div1input" id="datetimepicker3">
	</div>
	</td>
	<td class="dr7xiugao">
	<a href="" class="xiugai">保存</a>
	</td>
	</tr>
	
	
	
	</table>
	<a href="" class="dr7aaa">+添加真爱纪念日</a>
	</div>
	
	</div>
	
		

	
	

	
	
	<!--DR8-->
	<div id="dr8">
	<p id="ziti6">个人资料</p>
	<p id=xhx6></p>
	<ul id="dr8ul1">
	<li>
	<em>头像</em>
	<a herf="" class="dr8a">
	<div id="dr8adiv1">
	<div tabindex="0" id="dr8adiv2">
	<img alt="" src="image/我的/tu1.jpg" class="dr8div2img">
	<input  name="file" class="dr8div2input">
	</div>
	</div>
	<span>编辑</span>
	</a>
	<i>支持   JPG,PNG 格式</i>
	</li>
	
	<li>
	<em>
	<i>*</i>
	会员昵称:
	</em>
	<div class="dr8li2div1">
	<input type="text" autocomplete="0ff" placeholder="请输入内容" class="dr8li2div1input">
	
	</div>
	<i class="hzi">4-16位字符</i>
	</li>
	
	<li>
	<em>
	真实姓名:
	</em>
	<div class="dr8li2div1">
	<input type="text" autocomplete="0ff" placeholder="请输入内容" class="dr8li2div1input">
	
	</div>
	<i class="hzi">4-16位字符</i>
	</li>
	
	<li class="dr8li1">
	<em>手机号：</em>
	<span class="txt">18736363140</span>
	<a href="/user/account/bind/mobile" class="a02">修改手机号</a>
	</li>
	
	<li>
	<em>性别:</em>
	<div role="radiogroup" class="dr8li5div">
	<label role="radio" tabindex="0" class="dr8label">
	<span class="dr8span">
	<span class="dr8span2">

	</span>
	<input type="radio" aria-hidden="true" tabindex="-1" class="dr8input" value="1">
	</span>
	<span class="dr8span3">
	男
	</span>
	</label>
	
		<label role="radio" tabindex="-1" class="dr8label">
	<span class="dr8span">
	<span class="dr8span2">

	</span>
	<input type="radio" aria-hidden="true" tabindex="-1" class="dr8input" value="2">
	</span>
	<span class="dr8span3">
	女
	</span>
	</label>
	
		<label role="radio" tabindex="-1" class="dr8label">
	<span class="dr8span">
	<span class="dr8span2">

	</span>
	<input type="radio" aria-hidden="true" tabindex="-1" class="dr8input" value="0">
	</span>
	<span class="dr8span3">
	保密
	</span>
	</label>
	
	</div>
	</li>
	
	
	<li>
	<em>情感状态:</em>
	<div role="radiogroup" class="dr8li5div">
	<label role="radio" tabindex="0" class="dr8label">
	<span class="dr8span">
	<span class="dr8span2">

	</span>
	<input type="radio" aria-hidden="true" tabindex="-1" class="dr8input" value="1">
	</span>
	<span class="dr8span3">
	单身
	</span>
	</label>
	
		<label role="radio" tabindex="-1" class="dr8label">
	<span class="dr8span">
	<span class="dr8span2">

	</span>
	<input type="radio" aria-hidden="true" tabindex="-1" class="dr8input" value="2">
	</span>
	<span class="dr8span3">
	恋爱中
	</span>
	</label>
	
		<label role="radio" tabindex="-1" class="dr8label">
	<span class="dr8span">
	<span class="dr8span2">

	</span>
	<input type="radio" aria-hidden="true" tabindex="-1" class="dr8input" value="0">
	</span>
	<span class="dr8span3">
	订婚中
	</span>
	</label>
	
		<label role="radio" tabindex="-1" class="dr8label">
	<span class="dr8span">
	<span class="dr8span2">

	</span>
	<input type="radio" aria-hidden="true" tabindex="-1" class="dr8input" value="0">
	</span>
	<span class="dr8span3">
	已婚
	</span>
	</label>
	
	</div>
	</li>
	
	
	<li class="loveword">
	<em>真爱宣言:</em>
	<div class="dr8text">
	<textarea autocomplete="off" rows="3" placeholder="请输入内容" class="el-textarea__inner" style="resize: none; min-height: 33px;"></textarea>
	</div>
	<i>不超过100字</i>
	</li>
	
	<li>
	<em>出生日期：</em>
	<div class="el-date-editor el-input el-input--prefix el-input--suffix el-date-editor--date">
	<input type="text" autocomplete="off" name placeholder="选择日期" class="el-input__inner">
	<span class="el-input__prefix">
	<i class="el-input__icon el-icon-date"></i>
	</span>
	<span class="el-input__suffix">
	<span class="el-input__suffix-inner">
	<i class="el-input__icon"></i>
	</span>
	</span>
	</div>
	<i>填写您的真实生日，我们会不定期给您惊喜</i>
	</li>
	
	
	<li>
	<em>
	星座:
	</em>
	<div class="dr8li2div1">
	<input type="text" autocomplete="0ff" placeholder="请输入内容" class="dr8li2div1input">
	
	</div>
	<i class="hzi">便于大家更加了解你</i>
	</li>
	
	
	<li>
	<em>
	血型:
	</em>
	<div class="dr8li2div1">
	<input type="text" autocomplete="0ff" placeholder="请输入内容" class="dr8li2div1input">
	
	</div>
	<i>据说血型也可以看出一个人的性格</i>
	</li>
	
	
	<li>
	<em>
	职业:
	</em>
	<div class="dr8li2div1">
	<input type="text" autocomplete="0ff" placeholder="请输入内容" class="dr8li2div1input">
	
	</div>
	<i class="xzzi">寻找与你有共同话题的人</i>
	</li>
	
	
	<li>
	<em>
	详细地址:
	</em>
	<div class="dr8li2div1">
	<input type="text" autocomplete="0ff" placeholder="请输入内容" class="dr8li2div1input">
	
	</div>

	</li>
	
	<li class="loveword">
	<em>爱好:</em>
	<div class="dr8text">
	<textarea autocomplete="off" rows="3" placeholder="请输入内容" class="el-textarea__inner" style="resize: none; min-height: 33px;"></textarea>
	</div>
	<i>不超过100字</i>
	</li>
	
	</ul>
	<div class="thesubit">
	<a href="javascript:;" class="button_sure">提交</a>
	</div>
	</div>

	
	
	
	<!--DR9-->
	<div id="dr9">
	<p id="ziti7">绑定账号说明</p>
	<p id=xhx7></p>
	<p id=ziti7-2>第三方账号需要先绑定手机号</p>
	
	<div class="protocols">
	<p>
	<br>
		"为了完善DR用户体系，帮助用户更好的体验DR的服务，根据国家法律、法规、部门规章以及行业惯例，特制定本说明。

					本说明中将深圳市戴瑞珠宝有限公司简称为“我司”，对在官网、APP、社区及其他第三方平台，以手机号、邮箱、账号授权等形式注册DR账号的用户简称为“您”或“注册用户”或“用户”。

					请您认真阅读、充分理解本规则各条款，特别是以粗体标注部分，如您不同意接受本规则的任意内容，或者无法准确理解相关说明含义的，请不要进行后续操作。如果您对本规则的说明有疑问的，请通过本公司客服渠道进行询问，本公司将向您解释说明内容。

					"
					<br>
					"1、“虚拟财富值”是指用户在DR族情感社区进行发帖、回复、签到等方式获得的心值和爱情币，心值可以评定用户等级，爱情币可以直接兑换实际礼品等；

					"
					<br>
					"2、“第三方平台注册用户”是指除DR官网、APP、社区以外的授权登录平台（包括微博、微信、支付宝、QQ等）

					"
					<br>
					"第二条、DR账号绑定场景：
					"
					<br>
					"1、用户绑定时会遇到两种情况：1、用手机号注册账号绑定第三方，2、用第三方/邮箱注册的账号绑定手机号；
					2、当使用手机号注册的账号登录后，可以选择绑定更多第三方平台的账号来填充个人信息，如微信、微博、支付宝、QQ等；当使用第三方注册的账号登录后，只能选择绑定单一手机号，不能再绑定或填充其他第三方平台账号；绑定从属关系按照是否产生订单、是否注册进行优先级划分；

					"
					<br>
					"第三条、绑定数据处理逻辑：

					"
					<br>
					"一、	当前登录第三方账号绑定手机号：

					"
					<br>
					"1） 第三方登录账号有订单，绑定手机号也有订单：如您当前账号为第三方注册登录，比如微信，且存在订单记录，将要绑定的手机号在我司也有订单记录（有订单记录则该手机号已在DR任意渠道注册过），则该手机号无法被绑定；

					"
					<br>
					"2）第三方登录账号有订单，绑定手机号无订单：如您当前账号为第三方注册登录，比如微信，且存在订单记录，将要绑定的手机号在我司没有订单记录，则不管该手机号是否之前注册过，该手机号都无法被绑定；

					"
					<br>
				
					"二、	当前登录手机号绑定第三方账号：

					"
					<br>
					"1）手机登录账号有订单，绑定第三方账号也有订单：如您当前账号为手机登录，且存在订单记录（有订单记录则该手机号已在DR任意渠道注册过），将要绑定的第三方账号在我司也有订单记录，则该第三方账号无法被绑定；

					"
					<br>
					"2）手机登录账号有订单，绑定第三方账号无订单：如您当前账号为手机登录，且存在订单记录（有订单记录则该手机号已在DR任意渠道注册过），将要绑定的第三方账号在我司无订单记录，则该第三方账号将被填充到手机账号中，成为您个人信息的一部分；


					"
					<br>
				
				
					"第四条、情侣账号绑定：

					"
					<br>
					"在绑定情侣账号时，情侣账号信息以专属空间为最先判断，其次为APP绑定、玫瑰城堡、DR勋章，即：专属空间 > APP绑定 > 玫瑰城堡 > DR勋章。
					"
					<br>
					"例：1、A与B已在专属空间绑定了情侣账号，当A在玫瑰城堡试图与C绑定情侣关系时不会成功；"
					<br>
					"2、A与B在玫瑰城堡绑定了情侣账号，随后A与C在专属空间绑定了情侣关系，则A之前与B的绑定将会自动解除；

					"
					<br>
					"第五条、 其他条款
					"
					<br>
					"您同意，本公司有权随时对本规则内容进行单方面的变更，并以在www.darryring.com 网站公告的方式予以公布，无需另行单独通知您；若您在本规则内容变更后继续使用本服务的，表示您已充分阅读、理解并接受变更修改后的规则内容，也将遵循变更修改后的规则内容使用本服务；若您不同意变更修改后的规则内容，您应立即停止绑定行为。
				"
			
	</p>
	
	<label>
	<input type="checkbox" class="agreeinput">
	同意DR
	<a href="" class="dr9a">《账号绑定协议》</a>
	</label>
	<div class="conBtn">
	
	<a href="" class="cutbtn">切换登录账号</a>
	<a href="" class="Abtn">继续</a>
	</div>
	
	</div>
	
	</div>

	<!--DR10-->
	<div id="dr10">
	<p id="ziti8">修改密码</p>
	<p id=xhx8></p>
	<div class="mypassword_change">
	<div class="mysame_input">
	<input type="password" placeholder="请输入旧密码" class="mbicon_lock">
	</div>
	
	<div class="mysame_input">
	<input type="password" placeholder="请输入长度6-20位数的新密码" class="mbicon_lock">
	</div>
	
	<div class="mysame_input">
	<input type="password" placeholder="请再次确认新密码" class="mbicon_lock">
	</div>
	<a href="" class="button_suree">确认修改</a>
	<div class="forget_pw">
	<a href="" class>忘记密码?</a>
	</div>
	
	</div>
	</div>

	
	
	
	<!--DR11-->
	<div id="dr11">
		<p id="ziti9">地址管理</p>
	<p id=xhx9></p>
	<div class="myAddress_table">
	<table>
	<tr class="table_tit">
	<td>收件人姓名</td>
	<td>地区</td>
	<td width="200px">详细地址</td>
	<td>联系方式</td>
	<td width="160px">操作</td>
	</tr>
	</table>
	<div class="btnVessel">
	<a href="" class="addAddress">添加收货地址</a>
	</div>
	</div>
	</div>


</div>


	
	
	
	
	
	
	<div id="xia"> <footer class="row">
        <div class="row m0 topFooter">
            <div class="container line1">
                <div class="row footFeatures">
                    <div class="col-sm-4 footFeature">
                        <div class="media">
                            <div class="media-left icon"><img src="images/icons/car3.png" alt=""></div>
                            <div class="media-body texts">
                                <h4>free shipping</h4>
                                <h2>International</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 footFeature">
                        <div class="media m0">
                            <div class="media-left icon"><img src="images/icons/tel24-7_2.png" alt=""></div>
                            <div class="media-body texts">
                                <h4>24 hours helpline</h4>
                                <h2>XXX</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 footFeature">
                        <div class="media m0">
                            <div class="media-left icon"><img src="images/icons/shopping-bag2.png" alt=""></div>
                            <div class="media-body texts">
                                <h4>see our</h4>
                                <h2>latest offers</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container line2">
                <div class="row">
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>About Dshine</h4>
                            <p>We provide the best Quality of products to you.We are always here to help our lovely customers.</p>
                            <ul class="list-inline">
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>information</h4>
                            <ul class="nav">
                                <li><a href="about.html">About Us</a></li>
                                
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="#">Careers</a></li>
                                <li><a href="#">Top Brands</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>top brands</h4>
                            <ul class="nav">
                                <li><a href="#">Fusce iaculis</a></li>
	                            <li><a href="#">Nisl dapibus</a></li>
	                            <li><a href="#">Vulputate sapien</a></li>
	                            <li><a href="#">Aliquet</a></li>
	                            <li><a href="#">Risus feugiat</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>subscribe to our latest news</h4>
                            <form action="subscriptionList.php" method="post" role="form">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fas fa-envelope"></i></span>
                                    <input type="email" class="form-control" id="subscribeEmail" name="subscribeEmail" placeholder="EMAIL ADDRESS">
                                </div>
                                <input type="submit" class="form-control" value="Subscribe" id="submit" name="submit">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row m0 copyRight">
            <div class="container">
                <div class="row">
                    <div class="fleft">Copyright &copy; 2020.Company name All rights reserved.</div>
                    <ul class="nav nav-pills fright">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">about</a></li>
                        <li><a href="blog.html">blog</a></li>
                        <li><a href="contact.html">contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer></div>

</body>
<!--jQuery, Bootstrap and other vendor JS-->
    
    <!--jQuery-->
    <script src="js/jquery-2.1.3.min.js"></script>

    <!--Google Maps-->
    <script src="http://ditu.google.cn/maps/api/js"></script>
    
    <!--Bootstrap JS-->
    <script src="js/bootstrap.min.js"></script>
    
     
         
    <!--Owl Carousel-->
    <script src="vendors/owl.carousel/js/owl.carousel.min.js"></script>
    
    <!--Isotope-->
    <script src="vendors/isotope/isotope-custom.js"></script>
    
    <!--FlexSlider-->
    <script src="vendors/flexslider/jquery.flexslider-min.js"></script>
    
    <!--D-shine JS-->
    <script src="js/d-shine.js"></script>
    
    <script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
<script type="text/javascript">
window.onload = function(){ 
    var current = 0;
    var i=0;
    var i1=0;
    var i2=0;
    var i3=0;
    var i4=0;
    var img=document.getElementById('img1');
    var img2=document.getElementById('img2');
    var img3=document.getElementById('img3');
    var img4=document.getElementById('img4');
    var img5=document.getElementById('img5');
    document.getElementById('shop').onclick = function(){
    	
    	if(i==0){
    		current = (0+270)%360;
    		img.style.transform = 'rotate('+current+'deg)';
    		$("#yin1").hide();
            i++;
            return;
           
    	}
    	if(i==1){
    		img.style.transform = 'rotate('+0+'deg)';
    		$("#yin1").show();
            i--;
            return;
    	}
        
    }
  document.getElementById('shop1').onclick = function(){
    	
    	if(i1==0){
    		current = (0+270)%360;
    		img2.style.transform = 'rotate('+current+'deg)';
    		$("#yin2").hide();
            i1++;
            return;
           
    	}
    	if(i1==1){
    		img2.style.transform = 'rotate('+0+'deg)';
    		$("#yin2").show();
            i1--;
            return;
    	}
        
    }
  document.getElementById('shop2').onclick = function(){
  	
  	if(i2==0){
  		current = (0+270)%360;
  		img3.style.transform = 'rotate('+current+'deg)';
  		$("#yin3").hide();
          i2++;
          return;
         
  	}
  	if(i2==1){
  		current = (current+90)%360;
  		img3.style.transform = 'rotate('+0+'deg)';
  		$("#yin3").show();
          i2--;
          return;
  	}
      
  }
  document.getElementById('shop3').onclick = function(){
  	
  	if(i3==0){
  		current = (0+270)%360;
  		img4.style.transform = 'rotate('+current+'deg)';
  		$("#yin4").hide();
          i3++;
          return;
         
  	}
  	if(i3==1){
  		current = (current+90)%360;
  		img4.style.transform = 'rotate('+0+'deg)';
  		$("#yin4").show();
          i3--;
          return;
  	}
      
  }
  document.getElementById('shop4').onclick = function(){
  	
  	if(i4==0){
  		current = (0+270)%360;
  		img5.style.transform = 'rotate('+current+'deg)';
  		$("#yin5").hide();
          i4++;
          return;
         
  	}
  	if(i4==1){
  		current = (current+90)%360;
  		img5.style.transform = 'rotate('+0+'deg)';
  		$("#yin5").show();
          i4--;
          return;
  	}
      
  }
};
</script>
<script type="text/javascript">
	$(function () {
		$('input:radio').click(function () {
            var domName = $(this).attr('name');
            var $radio = $(this);
            if ($radio.data('waschecked') == true) {
                $radio.prop('checked', false);
                $("input:radio[name='" + domName + "']").data('waschecked', false);
            } else {
                $radio.prop('checked', true);
                $("input:radio[name='" + domName + "']").data('waschecked', false);
                $radio.data('waschecked', true);
            }                
			
			
			
		});
		$("#yinc").mouseover(function(){
			$("#ul3").css("visibility","visible");
		});
		$("#ul3").mouseover(function(){
			$("#ul3").css("visibility","visible");
		});
		$("#ul3").mouseout(function(){
			$("#ul3").css("visibility","hidden");
		});
		$("#yinc").mouseout(function(){
			$("#ul3").css("visibility","hidden");
		});
		
		$("#u1 li").click(function(){	
			if($(this).index()==0){
				$("#i").val("0");
				$("#i1").val("5000");
				$(this).html("√");
				$("#u1 li").not(this).html("");
				
			}
			if($(this).index()==1){
				$("#i").val("5001");
				$("#i1").val("10000");
				$(this).html("√");
				$("#u1 li").not(this).html("");

			}
			if($(this).index()==2){
				$("#i").val("10000");
				$("#i1").val("20001");
				$(this).html("√");
				$("#u1 li").not(this).html("");
				
			}
			if($(this).index()==3){
				$("#i").val("20001");
				$("#i1").val("40000");
				$(this).html("√");
				$("#u1 li").not(this).html("");
				
			}
			if($(this).index()==4){
				$("#i").val("40001");
				$("#i1").val("以上");
				$(this).html("√").css("color","#ffffff");
				$("#u1 li").not(this).html("");

			}
			
		});
		var h1 = 1;
		var h2 = 800;
		var ss = $(document).scrollTop();
		$(window).scroll(function(){
			var s = $(document).scrollTop();

			if(s< h1){
				$('#header').removeClass('yya');
			}if(s > h1){
				$('#header').addClass('yya');
			}if(s > h2){
				$('#header').addClass('gizle');
				if(s > ss){
					$('#header').removeClass('sabit');
				}else{
					$('#header').addClass('sabit');
				}
				ss = s;
			}


		});
	})
	
</script>


<!--  dr1-->
<script type="text/javascript">

$("#dianji .activate").click(
		 function() {
		$("#dianji .activate").eq($(this).index()).css('background','#ffffff').siblings().css('background','#f1f1f1');
		 });
</script>


<!--  DR3-->
<script type="text/javascript">

$("#ull3 .activate3").click(
		 function() {
		$("#ull3 .activate3").eq($(this).index()).css('background','#ffffff').siblings().css('background','#f1f1f1');
		 });
</script>



<script type="text/javascript">
$('.pinpai').click(function () {
    window.location.href="BrandStory.jsp"
})

$('.liwu').click(function () {
    window.location.href="liwu.jsp"
})

$('.duijie').click(function () {
    window.location.href="duijie.jsp"
})

$('.tiyan').click(function () {
    window.location.href="tiyan.jsp"
})
</script>
<script type="text/javascript">
window.onload=function(){
    var oto1=document.getElementById('yin1');
    var oto2=oto1.getElementsByTagName('li');
    
    var oto3=document.getElementById('yin2');
    var oto4=oto3.getElementsByTagName('li');
    
    var oto5=document.getElementById('yin3');
    var oto6=oto5.getElementsByTagName('li');
    
    var oto7=document.getElementById('yin4');
    var oto8=oto7.getElementsByTagName('li');
    
    var oto9=document.getElementById('yin5');
    var oto10=oto9.getElementsByTagName('li');
	
    $("#dr1").show();
    $("#d1").show();
    $("#d2").show();
    
    
    for(var i=0;i<oto2.length;i++){
        oto2[1].onclick=function(){
     
        	$("#dr1").show();
        	$("#d1").show();
        	$("#d2").show();
        	$("#dr1").siblings().hide();
        	
        }
        }
    
    for(var i=0;i<oto2.length;i++){
            
            oto2[2].onclick=function(){
            	
            	$("#dr2").show();
                $("#id1").show();
                $("#dr2").siblings().hide();
                    }
            }

    for(var i=0;i<oto4.length;i++){
        
        oto4[0].onclick=function(){
        	
        	$("#dr3").show();
            $("#div3").show();
            $("#dr3").siblings().hide();
                }
        }
    
	for(var i=0;i<oto4.length;i++){
        
        oto4[1].onclick=function(){
        	
        	$("#dr4").show();
            $(".zidiv").show();
            $(".imgdiv").show();
            $("#dr4").siblings().hide();
                }
        }
   
	for(var i=0;i<oto6.length;i++){
        
        oto6[0].onclick=function(){
        	
        	$("#dr5").show();
        	$("#drr5").show();
        	$("#drrr5").show();
        	$("#drrrr5").show();
        	$(".class1").show();
            $("#dr5").siblings().hide();
                }
        }
   
	
for(var i=0;i<oto8.length;i++){
        
        oto8[0].onclick=function(){
        	
        	$("#dr6").show();
        	$("#drr6").show();
            $("#dr6").siblings().hide();
                }
        }
        
for(var i=0;i<oto8.length;i++){
    
    oto8[1].onclick=function(){
    	
    	$("#dr7").show();
    	$("#drr7").show();
    	$("#drrr7").show();
    	$("#drrrr7").show();
    	$("#dr7input").show();
    	$("#jb").show();
    	$("#ddr7").show();
    	$("#dddr7").show();
    	$("#dr7td2div1").show();
    	$("#dr7td2div2").show();
    	$("#dr7td2div3").show();
        $("#dr7").siblings().hide();
            }
    }
    
    
    

for(var i=0;i<oto10.length;i++){
    
    oto10[0].onclick=function(){
    	
    	$("#dr8").show();
    	$("#dr8adiv1").show();
    	$("#dr8adiv2").show();
    	
    	$(".loveword").show();
	
    	
    	$(".dr8li5div").show();
    	$("#dr8text").show();
    	$(".el-date-editor el-input el-input--prefix el-input--suffix el-date-editor--date").show();
    	$(".dr8li2div1").show();
    	$(".dr8li2div2").show();
    	$(".dr8li2div3").show();
    	$(".dr8li2div4").show();
    	$(".dr8text").show();
    	$(".thesubit").show();
    	$(".dr8li2div1input").show();
        $("#dr8").siblings().hide();
            }
    }
   
    
    
    for(var i=0;i<oto10.length;i++){
        
        oto10[1].onclick=function(){
        	
        	$("#dr9").show();
        	$(".protocols").show();
        	$(".conBtn").show();
            $("#dr9").siblings().hide();
                }
        }
    
 for(var i=0;i<oto10.length;i++){
        
        oto10[2].onclick=function(){
        	
        	$("#dr10").show();
        	$(".mypassword_change").show();
        	$(".mysame_input").show();
            $("#dr10").siblings().hide();
                }
        }
 
 for(var i=0;i<oto10.length;i++){
     
     oto10[3].onclick=function(){
     	
     	$("#dr11").show();
     	$(".myAddress_table").show();
     	$(".btnVessel").show();
         $("#dr11").siblings().hide();
             }
     }
    
    
            }
  



</script>
</html>